<%@ include file="../common/IncludeTop.jsp"%>

<style>

	body{
		background: #8FBC8F ;
	}

	.button{
		cursor: pointer;
		width: 180px;
		line-height: 38px;
		text-align: center;
		font-weight: bold;
		color: #fff;
		text-shadow:1px 1px 1px #333;
		border-radius: 5px;
		margin:0 20px 20px 0;
		position: relative;
		overflow: hidden;
	}
	.button:nth-child(6n){
		margin-right: 0;
	}
	.button.green{
		border:1px solid #64c878;
		box-shadow: 0 1px 2px #b9ecc4 inset,0 -1px 0 #6c9f76 inset,0 -2px 3px #b9ecc4 inset;
		background: -webkit-linear-gradient(top,#90dfa2,#84d494);
		background: -moz-linear-gradient(top,#90dfa2,#84d494);
		background: linear-gradient(top,#90dfa2,#84d494);
	}
	.green:hover{
		background: -webkit-linear-gradient(top,#aaebb9,#82d392);
		background: -moz-linear-gradient(top,#aaebb9,#82d392);
		background: linear-gradient(top,#aaebb9,#82d392);
	} .green:active{
		  top:1px;
		  box-shadow: 0 1px 3px #4d7254 inset,0 3px 0 #fff;
		  background: -webkit-linear-gradient(top,#5eac6e,#72b37e);
		  background: -moz-linear-gradient(top,#5eac6e,#72b37e);
		  background: linear-gradient(top,#5eac6e,#72b37e);
	  }


	.okTips{
		color:green;
	}
	.errorTips{
		color:red;
	}
</style>
<div id="BackLink">
    <a href="main">RETURN TO MAIN</a>
</div>

<div id="Catalog">

<h2>${sessionScope.category.name}</h2>

<table  class="imagetable">
	<tr>
		<th>Product ID</th>
		<th>Name</th>
	</tr>
	<c:forEach var="product" items="${sessionScope.productList}">
		<tr>
			<td>
					<a href="viewProduct?productId=${product.productId}">${product.productId}</a>
			</td>
			<td>${product.name}</td>
		</tr>
	</c:forEach>
</table>

</div>

<%@ include file="../common/IncludeBottom.jsp"%>


